<template>
	<view class="content" style="background-color: #fff;">
		<u-navbar scrollable=false titleStyle="font-size:40rpx;color:#333" :placeholder='true' title="隐私设置"
			:autoBack="true">
		</u-navbar>
		<view class="set">
			<u-cell-group :border="false">
				<u-cell title="隐私协议" value="" :isLink="false" isLink url=""  @click="$my.go('/pages/my/privacyAndAgreements?type=1')"></u-cell>
			</u-cell-group>
			<view class="li">
				<view class="left">
					<view>广告管理</view>
					<view class="p fontS24 co9">开起向您展示个性化广告</view>
				</view>
				<view class="right">
					<u-switch activeColor="#dd2131"v-model="value" @change="change" inactiveColor="rgb(230, 230, 230)"></u-switch>
				</view>
			</view>
			<view class="li">
				<view class="left">
					<view>推荐管理</view>
					<view class="p fontS24 co9">开起向您展示个性化推荐类容</view>
				</view>
				<view class="right">
					
						<u-switch activeColor="#dd2131"v-model="value2" @change="change2" inactiveColor="rgb(230, 230, 230)"></u-switch>
					
				</view>
			</view>
		</view>
	</view>
</template>



<script>
	export default {
		data() {
			return {
				value:'',
				value2:'',
			}
		},
		methods: {
			change(e) {
				console.log('change', e);
			},
			change2(e) {
				console.log('change', e);
			},
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		// border: 2rpx solid #f5f5f5;

		.set {
			.li {
				// width: 100%;
				height: 130rpx;
				display: flex;
				justify-content: space-between;
				padding: 0 4%;
				border-bottom: 2rpx solid #ebebeb;
				.left {
					view {
						line-height: 80rpx;
					}

					.p {
						line-height: 20rpx;
					}
				}

				.right {
					padding-top: 5%;
				}
			}
		}
	}
</style>
